<template>
    <div class="home">
        <HelloWorld msg="Welcome to Your Vue.js App"/>
        <card>
            <template v-slot:header>
                <strong>header</strong>
            </template>
            <template v-slot:body>
                <p>
                    card 内容
                </p>
            </template>
        </card>
        <img src="../assets/logo.png" alt="">
    </div>
</template>

<script>
    // @ is an alias to /src
    import HelloWorld from '@/components/HelloWorld.vue'
    import Card from "../components/card/index";

    export default {
        name: 'Home',
        components: {
            Card,
            HelloWorld,
            [Card.name]: Card
        }
    }
</script>
